<template>
	<view class="ab w48 h40" :class="type">
		<image :src="img" class="w48 h40"/>
	</view>
</template>

<script>
	export default{
		props:{
			type:{},
			img:{
				default:'../static/icon_horn_margin.png',
				type:String
			}
		}
	}
</script>

<style lang="scss" scoped>
	.left-top{
		top: -40rpx;
		left: 0;
	}
	.left-bottom{
		bottom: 0;
		left: -46rpx;
		transform: rotateY(-180deg);
	}
	.right-bottom{
		bottom: 0;
		right: -46rpx;
	}
</style>
